如何让HTML中的<TD>能自动换行?
来源:百度知道 编辑:UC知道 时间:2024/06/10 10:20:03
这样的一个表:
<table width="100%">
<tr>
<td width="90%">或<td width="400px">
xxxx
</td>
<td width="10%">或<td width="100px">
</td>
</tr>
</table>
在其中xxxx的位置放网址,由于有的网址很长,于是在IE的浏览器里就会不换行,或者是很长一部分才换。
而FIREFOX则是严格按照列宽,这一行放不下就换行
比如:http://bbs.eastday.com/eastbbs_front/front/biz/bbs/1/bbs04_usr0002_01_list.aspx?f_sub_bbs=1011
在IE里显示就是:
http://bbs.eastday.com/eastbbs_front/front/biz/bbs/1/bbs04_usr0002_01_list.aspx?(到这里为一行,下面换行了)
f_sub_bbs=1011
在FIREFOX里显示就是:
<table width="100%">
<tr>
<td width="90%">或<td width="400px">
xxxx
</td>
<td width="10%">或<td width="100px">
</td>
</tr>
</table>
在其中xxxx的位置放网址,由于有的网址很长,于是在IE的浏览器里就会不换行,或者是很长一部分才换。
而FIREFOX则是严格按照列宽,这一行放不下就换行
比如:http://bbs.eastday.com/eastbbs_front/front/biz/bbs/1/bbs04_usr0002_01_list.aspx?f_sub_bbs=1011
在IE里显示就是:
http://bbs.eastday.com/eastbbs_front/front/biz/bbs/1/bbs04_usr0002_01_list.aspx?(到这里为一行,下面换行了)
f_sub_bbs=1011
在FIREFOX里显示就是:
给长地址的单元格应用样式:
word-wrap: break-word;word-break:break-all;
不是...换行是按单词的分割计算的...
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX 这样是绝对不会的
但是 XXXX XXXX XXXX XXXX 就会
除非 word-break:break-all;
css
white-space:nowrap;